*{
    padding: 0;
    margin: 0;
}
#head{
    width: 100%;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
}
#main{
    width: 100%;
    height: 808px;
    flex: 1;
    background: url("../imgs/course-img01.jpg") no-repeat;
    background-size: cover;
    background-position:center;

}
.skipbigBox{
    display: flex;
    justify-content: flex-end;
}
.skipBox{
    width: 105px;
    height: 40px;
    background: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 28px;
    margin-right: 14px;


}
.crossing{
    width: 1px;
    height: 25px;
    background: #bbb;
    display: inline-block;
    margin-right: 15px;

}
.countBox{
    width: 16px;
    height: 20px;
    font-size: 14px;
    margin-right: 10px;
}
.skipText{
    width: 28px;
    height: 20px;
    font-size: 14px;
    margin-right: 5px;
}
.underlyingFont{
    font-size:48px;
    width:100%;
    text-align: center;;
    color: #fff;
    font-weight: bolder;
    position:absolute;
    left:0px;
    bottom:120px;
    animation:text 1s linear;
}

@keyframes text{
    0%{bottom:360px;font-size:0px;opacity: 0;}
    80%{bottom:80px;font-size:36px;opacity: 0.8;}
    100%{bottom:120px;font-size:48px;opacity: 1;}
}